<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale = 1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src = './common/js/reset.js'></script>
    <link rel="stylesheet" href="./common/css/reset.css">
    <link rel="stylesheet" href="./lib/css/mobiscroll.css">
    <link rel="stylesheet" href="./lib/css/mobiscroll_date.css">
    <link rel="stylesheet" href="./lib/css/normalize3.0.2.min.css">
    <link rel="stylesheet" href="./css/personalCenter.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>个人中心</title>
</head>
<body>
    <!-- <div class="header">
        <a class = "iconfont icon-zuojiantou" href="./index.html"></a>
        个人中心 
    </div> -->
    <div class="personalMsg clearfix">
        <div class="image">
            <img src="images/personalCenter_my.png">
        </div>
        <div class="content">
            <!-- <div class="contentSign">
                <i class="iconfont icon-rili"></i>
                <span>每日签到</span>
            </div> -->
            <div class="contentName">
                <p>蓝鳍金枪鱼</p>
                <p>ID:3709818</p>
            </div>
            <ul class="contentPolicy clearfix">
                <li>
                    <span>0</span>
                    <span>账户余额(元)</span>
                </li>
                <li>
                    <span>2</span>
                    <span>优惠券(张)</span>
                </li>
                <!-- <li>
                    <span>321</span>
                    <span>金币</span>
                </li> -->
            </ul>
        </div>
    </div>
    <div class="myinfo">
        <ul>
            <li class = "toRecord">
                <i class="iconfont icon-shoucang"></i>
                <span>健康档案</span>
            </li>
            <li>
                <i class="iconfont icon-shoucang"></i>
                <span>开通会员</span>
            </li>
            <li>
                <i class="iconfont icon-shoucang"></i>
                <span>我的收藏</span>
            </li>
            <li>
                <i class="iconfont icon-shoucang"></i>
                <span>推荐给朋友</span>
            </li>
        </ul>
    </div>

    <div class="record">
        <div class="header">
            <i class = "iconfont icon-zuojiantou" ></i>
            健康档案 
        </div>
                
        <div class="user">
            <div class="listWrap">
                <ul>
                    <li>
                        <a href="editRecord.html">
                            <img src="./images/login_logo.png" alt="">
                            <p><span class="name">李四</span><span class="relation">(自己)</span></p>
                            <p><span class="gender">男</span><span class="age">31</span></p>
                            <i class = "icon-jiantouyou iconfont"></i>
                        </a>
                    </li>
                    <li>
                        <a href="editRecord.html">
                            <img src="./images/login_logo.png" alt="">
                            <p><span class="name">李四</span><span class="relation">(自己)</span></p>
                            <p><span class="gender">男</span><span class="age">31</span></p>
                            <i class = "icon-jiantouyou iconfont"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="toCreateUser">
            <p>添加新患者</p>   
        </div>
    </div>

    <div class="createUser">
        <div class="createUserWrap">
        <div class="top">
            <span class ="cancel">取消</span>
            添加新患者 
            <span class ="save">保存</span>
        </div>
        <div class="tip">
            <p>此信息仅您和医生可见。为了给您带来更准确的医疗服务，请您务必填写真实资料。</p>
               <p> 一旦信息建立，将无法编辑或删除，请确认无误后提交。</p>
        </div>
        <div class="info">
                <ul>
                    <li class="mt20">
                        <label class = "patient">请输入姓名：
                            <span class="red">*</span>
                            <input id="patient" type="text" >
                        </label>
                    </li>
                    <li>
                        <label>性别
                            <span class="red">*</span>
                            <input id="gender" type="text" readonly>
                        </label>
                    </li>
                    <li>
                        <label>出生日期
                            
                            <input id="USER_AGE" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>与患者关系
                            <span class="red">*</span>
                            <input id ="relation" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>所在城市
                            <span class="red">*</span>
                            <input id="picker5" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>手机号码
                            <span class="red">*</span>
                            <input id="tel" type="text" placeholder="便于获取医生回复通知">
                        </label>
                    </li>
                    <li>
                        <label>身份证号
                            <span class="red">*</span>
                            <input id="ID" type="text" placeholder="请输入身份证号">
                        </label>
                    </li>
                    <li>
                        <label>就诊卡号
                            <span class="red">*</span>
                            <input id="cardNum" type="text" placeholder="请绑定就诊卡号">
                        </label>
                    </li>
                </ul>
            </div>
        </div>
    </div>



    <script src="./lib/jquery-1.11.3.min.js"></script>
    <script src="./lib/picker.min.js"></script>
    
    <script src="./lib/mobiscroll_date.js" charset="gb2312"></script>
    <script src="./lib/mobiscroll.js"></script>
    <script src="./common/js/city.js"></script>
    <script src="./common/js/selectCity.js"></script>
    <script src="./js/personalCenter.js"></script>
</body>